// table 数据页公共样式
.top {
    margin-top: 20px;
    .top-op{
      display: flex;
      align-items: center;
      .btn {
        margin-right: 10px;
      }
      .search-panel{
        margin-left: 10px;
        width: 300px;
      }
      .icon-refresh{
        cursor: pointer;
        margin-left: 10px;
      }
      .not-allow{
        background: #d2d2d2 !important;
        cursor: not-allowed;
      }
    }
  }
  .file-list{
    .file-item{
      display: flex;
      align-items: center;
      padding: 6px 0px;
      .file-name{
        margin-left: 8px;
        flex: 1;
        width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        span{
          cursor: pointer;
          &:hover{
            color: var(--theme2);
          }
        }
        .transfer-status{
          font-size: 13px;
          margin-left:10px;
          color: #e6a23c;
        }
        .transfer-fail{
          color: #f75000;
        }
      }
      .edit-panel{
        flex: 1;
        width: 0;
        display: flex;
        align-items: center;
        margin: 0px 5px;
        .iconfont{
          margin-left: 10px;
          background: var(--theme2);
          color: #fff;
          padding: 3px 5px;
          border-radius: 5px;
          cursor: pointer;
        }
        .not-allow{
          cursor: not-allowed;
          background: var(--theme);
          color: #ddd;
          text-decoration: none;
        }
      }
      .op{
        width: 300px;
        margin-left: 15px;
        .iconfont{
          font-size: 13px;
          margin-left: 10px;
          color: var(--theme2);
          cursor: pointer;
        }
        .iconfont::before{
          margin-right: 3px;
        }
      }
    }
  }
  .no-data{
    height: calc(100vh - 150px);
    display: flex;
    align-items: center;
    justify-content: center;
    .no-data-inner{
      text-align: center;
      .tips{
        margin-top: 10px;
      }
      .op-list{
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        .op-item{
          cursor: pointer;
          width: 100px;
          height: 100px;
          margin:0px 10px;
          padding: 5px 0px;
          background: rgb(241, 241, 241);
        }
      }
    }
  }
